﻿@charset "utf-8";
/* CSS Document */
html,body{ width:100%;  }

body{
	background-image: url(../imgs/public/BG.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-attachment: fixed;
	-webkit-text-size-adjust : none;
	background-color:#000;
	background-size:cover;
}

#container{ width:100%; }

#kvMain{
	width: 869px;
	height: 539px;
	position: fixed;
	background-image: url(../imgs/public/photo_d.jpg);
	background-repeat: no-repeat;
	z-index:9999;
}

#kvHand{
	width: 1241px;
	height: 526px;
	position: absolute;
	background-image: url(../imgs/public/photo_hand.png);
	background-repeat: no-repeat;
	left:-170px;
	top:281px;
	z-index:9999;
}

#logo{
	position: fixed;
	width: 175px;
	height: 175px;
	background-image: url(../imgs/public/logo.png);
	background-repeat: no-repeat;
	z-index:66999;
}

#txtShow{
	position:fixed;
	bottom:10px;
	left:10px;
	z-index:669999;
	font-size:20px;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	background-color:#000;
	display:block;
	padding:10px 10px;
	opacity:0;
	display:none;
}

/*topMenu*/
#fbLike{
	position:absolute;
	left:580px;
	bottom:3px;
	z-index:9999999;
	width:100px;
	height:30px;
}

ul#topMenu{
	position:absolute;
	top:7px;
	right:70px;
	z-index:999;
	width:100px;
	height:31px;
}

ul#topMenu li{
	width: 31px;
	height: 31px;
	float: left;
	background-repeat: no-repeat;
	margin:0 8px 0 0;
	cursor:pointer;
}

#fb{ background-image: url(../imgs/fb.png); }
.sound_on{ background-image: url(../imgs/sound.png); }
.sound_off{ background-image: url(../imgs/sound_off.png); }

/*blackMsk*/
#blackMsk{
	background-color:#000;
	position:fixed;
	top:0px;
	left:0px;
	z-index:79999;
	display:none;
}

/*preLoad*/
#preLoadBox{
	width: 124px;
	height: 173px;
	background-image: url(../imgs/public/clock.gif);
	background-repeat: no-repeat;
	position:fixed;
	z-index:1888888;
}

/*主選單*/
#menuMain{
	width:90px;
	height:240px;
	position:absolute;
	right:3px;
	top:-2px;
	overflow:hidden;
	z-index:99999;
}

ul#menuTag{
	width: 90px;
	height: 240px;
	background-image: url(../imgs/public/menuTag.png);
	background-repeat: no-repeat;
	position: absolute;
	top: -40px;
	left: 0px;
	background-position: center bottom;
}

#tagLight{
	width: 90px;
	height: 30px;
	background-image: url(../imgs/public/tagLight.png);
	background-repeat: no-repeat;
	position:absolute;
	top:35px;
	left:0px;
	z-index:888;
}

ul#menuTag li{
	width: 90px;
	height: 19px;
	position: absolute;
	background-repeat: no-repeat;
	cursor:pointer;
	z-index:999;
}

#menu_menu{
	top: 185px;
	background-image: url(../imgs/public/menu_00.png);
	width: 90px;
	height: 19px;
	position: absolute;
	background-repeat: no-repeat;
	z-index:888;
	opacity:0;
}

li#menu_about{
	top:60px;
	background-image: url(../imgs/public/menu_01.png);
}

li#menu_works{
	top:105px;
	background-image: url(../imgs/public/menu_02.png);
}

li#menu_contact{
	top:150px;
	background-image: url(../imgs/public/menu_03.png);
}


/*動畫主畫面*/
#videoMain{ width:777px; height:449px; position:fixed;  }

#videoMain div{ position:absolute; top:0px; left:0px; width:777px; height:449px; }

#dotMsk{ background-image:url(../imgs/public/dotBG.gif); z-index:999; opacity:0.4; }

#videoLargePlay{ z-index:888; }
#videoLargePlay img{ position:absolute; left:0px; top:0px; }

#videoPlay{ z-index:777; }
#videoPlay img{ position:absolute; left:0px; top:0px; width:777px; height:449px; }

/*awardTag*/
#award{
	position: fixed;
	right: 80px;
	top: 55px;
	z-index: 999;
	background-image: url(../imgs/css-design-award-logo2.png);
	background-repeat: no-repeat;
}

#award a{
	display:block;
	width: 100px;
	height: 46px;
}

#award2{
	position: fixed;
	right: 0px;
	top: 30px;
	z-index: 999;
	background-image: url(../imgs/css-design-awards-winner-right-white.png);
	background-repeat: no-repeat;
}

#award2 a{
	display:block;
	width: 68px;
	height: 96px;
}

.csswinner{
	position:fixed;
	top:50px;
	right:0px;
	z-index:999;
}
.csswinner a{
	width: 81px;
	height: 59px;
	text-indent: -9000px;
	display: block;
	background-image: url(../imgs/winner-white-right.png);
	background-repeat: no-repeat;
}
